<div style="width: 93%;margin-left: 30px">

    <div class="row" style="margin-bottom: 10px;">
        <span><b>乘车须知:</b>*请在指定时间内到达您所要乘坐的航班，如果需要改签或退票，请及时操作。</span>
        <!-- 客票在起飞前24小时以前退票，按票面5%计收；
        客票在起飞前24小时至2小时以前退票，按票面10%计收；
        客票在起飞前2小时内退票，
        按票面20%计收；
        客票在起飞后退票，按票面50%计收；
        6—9折客票，在客票有效期内有同等舱位的情况下允许免费更改一次，再次更改收取10%改期费。-->
    </div>

    <div class="row">
        <div style="width: 100%; height: 50px; padding-left:20px;padding-top: 5px; background-color:#ffeaa7;
                                -moz-box-shadow: 0px 0px 2px  #909090;-webkit-box-shadow: 0px 0px 2px  #909090;">
            <span style="font-size: 23px;color: #e84118">待机——未出行订单</span>
        </div>
    </div>

    <div class="row" style="background-color:#ffffff; border: 1px dashed #dbdbdb;margin-top: 10px; height: 230px;
                            -moz-box-shadow: 0px 0px 1px  #909090;-webkit-box-shadow: 0px 0px 1px  #909090;">
        <div class="col-md-8" style="padding: 20px">
            <p>
                <span style="font-size: 25px; color: #00a8ff">已支付</span>
                <span>请在17:15前登机</span>
            </p>
            <p>
                <span>12月30日&nbsp;&nbsp;周一</span>
                <span>&nbsp;&nbsp;北京-上海&nbsp;&nbsp;</span>
                <span>17:30出发</span>
                <span class="glyphicon glyphicon-arrow-right" style="color: #57606f"></span>
                <span>9:15到达</span>
                <span style="font-size: 12px;color: #747d8c;">&nbsp;&nbsp;大约时长:1h35m</span>
            </p>
            <p style="font-size: 12px;color: #747d8c">东方航空&nbsp;MU5534&nbsp;&nbsp;空客320(中型)&nbsp;&nbsp;公务舱</p>
            <p>
                <span>订单号</span>
                <span>11256785564</span>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <span>限乘当日当次机</span>
            </p>
            <p>
                <a class="ticket_mess" href="javascript:;" style="text-decoration: none">
                    <span class="glyphicon glyphicon-chevron-right"></span>
                    订单详情
                </a>
            </p>
            <div style="display: none">
                <p>
                    <span>成人: 李白</span>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <span>登记证件号: 1524325042*****1235</span>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <span>手机号: 132****1235</span>
                </p>
                <p>
                    <span>票价: ￥730</span>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <span>机建: ￥50</span>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <span>燃油税: ￥0</span>
                </p>
            </div>
            <p>
                <span>总金额</span>
                <span style="font-size: 20px; color: #e84118">￥780</span>
            </p>
        </div>
        <div class="col-md-4" style="height: 100%">
            <div style="border-left: 2px dashed #dbdbdb; height: 90%;margin-top: 10px; float:left"></div>
            <div style="margin-top:85px;margin-left: 30px; user-select:none;color: #ced6e0;">
                <span>订票无忧</span><br>
                <span>价格保证，确保出行</span>
            </div>
            <br>
            <div style="position: absolute; bottom: 20px;padding-left: 120px">
                <div style="float: right; padding-left: 5px">
                    <a class="btn btn-block" href="#" style="width:80px; background-color: #00a8ff; color:  #ffffff">改签</a>
                </div>

                <div style="float: right">
                    <a class="btn btn-block" href="#" style="width:80px; background-color: #ff4757; color:  #ffffff">退票</a>
                </div>
            </div>
        </div>
    </div>


    <!--
    <div class="row" style="background-color:#ffffff; border: 1px dashed #dbdbdb;margin-top: 10px; height: 230px;
                            -moz-box-shadow: 0px 0px 1px  #909090;-webkit-box-shadow: 0px 0px 1px  #909090;">
        <div class="col-md-8" style="padding: 20px">
            <p>
                <span style="font-size: 25px; color: #00a8ff">已支付</span>
                <span>请在17:15前登机</span>
            </p>
            <p>
                <span>10月21日&nbsp;&nbsp;周一</span>
                <span>&nbsp;&nbsp;济南-上海&nbsp;&nbsp;</span>
                <span>17:30出发</span>
                <span class="glyphicon glyphicon-arrow-right" style="color: #57606f"></span>
                <span>18:30到达</span>
                <span style="font-size: 12px;color: #747d8c;">&nbsp;&nbsp;大约时长:1h35m</span>
            </p>
            <p style="font-size: 12px;color: #747d8c">中国国航&nbsp;CA1167&nbsp;&nbsp;波音738&nbsp;&nbsp;公务舱</p>
            <p>
                <span>订单号</span>
                <span>11256785564</span>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <span>限乘当日当次机</span>
            </p>
            <p>
                <a class="ticket_mess" href="javascript:;" style="text-decoration: none">
                    <span class="glyphicon glyphicon-chevron-right"></span>
                    订单详情
                </a>
            </p>
            <div style="display: none">
                <p>
                    <span>成人: 李白</span>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <span>登记证件号: 1524325042*****1235</span>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <span>手机号: 132****1235</span>
                </p>
                <p>
                    <span>票价: ￥2820</span>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <span>机建: ￥50</span>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <span>燃油税: ￥0</span>
                </p>
            </div>
            <p>
                <span>总金额</span>
                <span style="font-size: 20px; color: #e84118">￥2870</span>
            </p>
        </div>
        <div class="col-md-4" style="height: 100%">
            <div style="border-left: 2px dashed #dbdbdb; height: 90%;margin-top: 10px; float:left"></div>
            <div style="margin-top:85px;margin-left: 30px; user-select:none;color: #ced6e0;">
                <span>订票无忧</span><br>
                <span>价格保证，确保出行</span>
            </div>
            <br>
            <div style="position: absolute; bottom: 20px;padding-left: 120px">
                <div style="float: right; padding-left: 5px">
                    <button class="btn btn-block" style="width:80px; background-color: #00a8ff; color:  #ffffff">改签</button>
                </div>

                <div style="float: right">
                    <button class="btn btn-block" style="width:80px; background-color: #ff4757; color:  #ffffff">退票</button>
                </div>
            </div>
        </div>
    </div>
    -->

</div>

<script>
    $('.ticket_mess').click(function () {

        if($(this).parent().next().css("display")=="none"){
            $(this).parent().next().show();
            $(this).parent().parent().parent().css("height","290px");
            $(this).html("<span class=\"glyphicon glyphicon-chevron-down\"></span>\n" +
                "                                        收起");
        }else {
            $(this).parent().next().hide();
            $(this).parent().parent().parent().css("height","230px");
            $(this).html("<span class=\"glyphicon glyphicon-chevron-right\"></span>\n" +
                "                                        订单详情");
        }


    });
</script>